<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>复杂上合</title>
	<style type="text/css">
	body,div,ul,li,a,dl,dt,dd,h1,h2,h3,h4,h5,h6,input{
		margin: 0;
		padding: 0;
	}
	img{
		border: 0 none;
	}
	li{
		list-style: none;
	}
	a{
		text-decoration: none;
	}
	input{
		border:0 none;
		outline-style: none;
	}
		.header{
			width: 980px;
			height: 39px;
			margin: 20px auto 0px;
		}
		.header .pic{
			float: left;
			width: 179px;
			height: 39px;
		
		}
		.header .search{
			float: right;
			
		}
		.search{
			height: 30px;
			width: 195px;
			border: 1px solid #ECECEC;
		}
		.search input[type="text"]{
			/*display: inline-block;*/
			width: 165px;
			height: 30px;
			vertical-align: top;
		/*	line-height: 31px;*/
			/*padding-top: 10px*/
			font-size: 12px;
			font-family: 宋体；
		}
		.search input[type="button"]{
			width: 30px;
			height: 30px;
			vertical-align: top;
			background: url("images/search2.jpg");
		}
		.nav{
			height: 55px;
			background: url("images/nav_bg.png") ;
			border-top: 1px solid #BBBBBB;
		}
		.nav-con{
			width: 980px;
			height: 55px;
			margin: 0 auto;
		}
		.nav-con li{
			float: left;
		}
		.nav-con li a{
			text-decoration: none;
			display: inline-block;
			height: 55px;
			line-height: 55px;
			background: url("images/nav_bg-line.png") no-repeat right;
			padding-left: 20px;
			padding-right: 20px;
			font-size:12px;
			font-weight: 700;
			font-family: 宋体;
			 color: #000000;
		}
		.nav-con li a:hover{
			color: #9CB609;
		}
		.con{
			width:402px;
			height:567px;
			margin: 0 auto;
		}
		.info{
			height: 32px;
			margin: 0 auto;
			background: #FBFBFB;
			border-top: 1px solid #EFEFEF;
			border-bottom: 1px solid #EFEFEF;
		}
		.info-con{
			width: 980px;
			height: 32px;
			margin: 0 auto;
		}
		.info-left{
			display: inline-block;
			height: 32px;
			line-height: 32px;
			font-family: 宋体;
			font-size: 12px;
			float: left;
		}
		
	 .info-right {
			height: 16px;
            margin-top: 8px;
		    float: right;
		}
		.news{
			
			width: 985px;
			height: 227px;
			margin-bottom: 15px;
			margin: 15px auto;
		}
		.new-pro{
            width: 310px;
            height: 227px;
            border: 1px solid #ECECEC; 
            float: left;
            margin-right: 13px;
            position: relative;
		}
		.new-info{ 
			width: 375px;
            height: 227px;
            border: 1px solid #ECECEC; 
            float: left;
       
        }
		.new-tec{ 
			width: 269px;
            height: 227px;
            border: 1px solid #ECECEC;
            float: right;
             }

        .news .new-pro .sheader{
        	
        	margin-left: 6px;
        	margin-top: 15px;
        } 
        .news .new-pro .sheader span{
        	font-size: 12px;
        	font-family: 宋体;
        	color: #7AB800;
        	vertical-align: top;
        	margin-left: 6px;
        }
        .news .new-pro .sheader img{
        	vertical-aign: top;
        }
        .news .new-pro .sleft{
        	position: absolute;
        	left:23px;
        	top:112px;
        }
        .news .new-pro .spic{
        	position: absolute;
        	left: 55px;
        	top:45px;
        }
        .news .new-pro .sright{
        	position: absolute;
        	right: 23px;
        	top:112px;
        }
         .news .new-info .sheader{
        	
        	margin-left: 6px;
        	margin-top: 15px;
        } 
         .news .new-info .sheader span{
        	font-size: 12px;
        	font-family: 宋体;
        	color: #7AB800;
        	vertical-align: top;
        	margin-left: 6px;
        }
        .news .new-info .sheader img{
        	vertical-align: top;
        }
        .new-info .new-info-list{
        	margin-left: 17px;
        	margin-right: 17px;
        }
        .new-info .new-info-list li a {
         display: inline-block;
         text-decoration: none;
         height: 27px;
          width: 340px;
         line-height: 27px;
         font-size: 12px;
         font-family: 宋体;
         color: #000000;
         border-bottom: 1px dashed #EFEFEF;
        }
        .new-info .new-info-list .big{
        	color: #FF0000;
        	font-weight: 700;
        }
        .news .new-tec .sheader{
        	
        	margin-left: 6px;
        	margin-top: 15px;
        } 
         .news .new-tec .sheader span{
        	font-size: 12px;
        	font-family: 宋体;
        	color: #7AB800;
        	vertical-align: top;
        	margin-left: 6px;
        }
        .news .new-tec .sheader img{
        	vertical-align: top;
        }
         .news .new-tec .list1 ul li a {
         display: inline-block;
         height: 12px;
         line-height: 12px;
         font-size: 12px;
         font-family: 宋体;
          color: #000000;
         margin-left: 28px;
         border-left: 3px solid #7AB800;
         padding-left: 5px;
         margin-top: 10px;
        }
         .new-tec .faq1{
         margin-top: 33px;
         }
        .new-tec .faq1 span{
        
        margin-left: 28px;
        font-size: 12px;
        font-family: 宋体;
        }
         .new-tec .faq2 span{
       
        margin-left: 28px;
        font-size: 12px;
        font-family: 宋体;
        }
        .end{
        	height: 542px;
        	border-top: 1px solid #2D2D2D;
        	background: #2D2D2D;

        }
        .end .end1{
        height: 414px;
        border-bottom: 1px dashed #414141;
        font-size: 12px;
        font-family: 宋体;
        color: #C0C0C0;
      
        }
        .end .end11{ 
        	width: 980px;
        	margin: 0 auto;
        }
        .end .end1 dl{
        	float: left;
        	margin-top: 20px;
        	margin-right: 40px
        }
        .end .end1 dl dd{
        	margin-top: 20px;
        }
        .end .end2{
        font-size: 12px;
        font-family: 宋体;
        color: #C0C0C0;
        }
        .end .end2 {
        	
         
            height: 43px;
            text-align: center;
            margin-top: 47px;
        
        }
	</style>
</head>
<body>
	<div class="header">
		<div class="pic">
			<img src="images/logo.jpg" alt="">
		</div>
		<div class="search"><input type="text" value="请输入..."><input type="button"></div>
	</div>
	<div class="nav">
		<div class="nav-con"><ul>
			<li><a href="#">首页</a></li>
			<li><a href="#">智能硬件</a></li>
			<li><a href="#">智能软件</a></li>
			<li><a href="#">实体店铺</a></li>
			<li><a href="#">售后</a></li>
			<li><a href="#">关于我们</a></li>
		</ul>
	    </div>
    </div>
    <div class="con"><img src="images/1cybn.jpg" alt=""></div>
    <div class="info">
    	<div class="info-con">
    	<div class="info-left">最新公告：尚合Aone智能手机入网证已获取工信部门审批下发。尚合官网</div>
    	<div class="info-right">
    	<img src="images/xinlang.png" alt="">
    	<img src="images/weibo.png" alt="">
    	<img src="images/renren.png" alt="">
    	<img src="images/zone.png" alt="">
        </div>
        </div>
    </div>
    <div class="news">
    	<div class="new-pro">
    		<div class="sheader"><img src="images/o.jpg" alt=""><span>新品发布</span></div>
    		<div class="sleft"><img src="images/left.png" alt=""></div>
            <div class="spic"><img src="images/home_hot_01.png"></div>
    		<div class="sright"><img src="images/right.png"></div>		
    	</div>
    	<div class="new-info">
    		<div class="sheader"><img src="images/o.jpg" alt=""><span>新闻中心</span></div>
    		<div class="new-info-list">
    			<ul>
    				<li><a href="#" class="big">致歉公告</a></li>
    				<li><a href="#">首批尚合Aonet已全部售馨!</a></li>
    				<li><a href="#">【媒体报导】国产高性价比 尚合Aonet四核手机评测</a></li>
    				<li><a href="#">尚合Aone智能手机入网证已经获工信部门审批下发.</a></li>
    				<li><a href="#">我司通过ISO9001:2008国际质量管理体系认证</a></li>
    				<li><a href="#">我司产品已经通过了国家强制性产品3C认证</a></li>
    			</ul>
    		</div>
    	</div>
    	<div class="new-tec">
    		<div class="sheader"><img src="images/o.jpg" alt=""><span>技术与支持</span></div>
    		<div class="list1">
    			<ul>
    				<li><a href="#">售后服务</a></li>
    				<li><a href="#">投诉与建议</a></li>
    				<li><a href="#">联保网点</a></li>
    				<li><a href="#">常见问题FAQ</a></li>
    			</ul>
    		</div>
    		<div class="faq1"><span>深圳市汇聚众合科技发展有限公司</span></div>
    		<div class="faq2"><span>服务热线：400-633-7922</span></div>
    	</div>
    </div>
<div class="end">
	<div class="end1">
		<div class="end11">
		<dl>
			<dt>尚合首页</dt>
			<dd>返回首页</dd>	
		</dl>
		<dl>
			<dt>尚合首页</dt>
			<dd>返回首页</dd>	
		</dl>
		<dl>
			<dt>尚合首页</dt>
			<dd>返回首页</dd>	
		</dl>
		<dl>
			<dt>尚合首页</dt>
			<dd>返回首页</dd>	
		</dl>
		</div>
	</div>
	<div class="end2">深圳市会居中和优先公司深圳市会居中和优先公司深圳市会居中和优先公司深圳市
会居中和优先公司<br>深圳市会居中和优先公司深圳市会居中和优先公司</div>
</div>
</body>
</html>